<template>
  <el-row class="operationLog">
    <el-collapse v-model="activeNames">
      <el-collapse-item name="1">
        <template slot="title">
          <span>操作日志</span>
        </template>
        <div id="operationLog"></div>
      </el-collapse-item>
    </el-collapse>
  </el-row>
</template>
<script>
export default {
  data() {
    return {
      activeNames: '1' //操作日志默认展开
    };
  }
};
</script>
<style lang="scss" scoped>
.operationLog {
  margin: 8px 0;
  border: 1px solid #ebeef5;
  border-top: none;
  ::v-deep .el-collapse-item__header {
    background-color: #fafafa;
    border-bottom: 1px solid #ebeef5;
    span {
      margin-left: 10px;
    }
  }
  ::v-deep .el-collapse-item__wrap {
    padding: 0 10px;
    height: 200px;
    overflow-y: auto;
  }
}
</style>
